<template>
	<view>
		<view class="goods" v-for="(item,index) in data" :key="index" @click="toShow(item.jid)">
			<view style="width: 80%;">
				{{item.name}}的入职登记表
				<br/>
				入职公司：{{item.company}}
				<br/>
				入职部门：{{item.department}}
				<br/>
				预计入职日期：{{item.date}}
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		props: {
			data:{},
			clickUrl:'',
			reflectKey:{
				// type:Object,
				default:{
					id:'id',
					image:'image',
					price:'price',
					delPrice:'delPrice',
					coupon:'coupon',
					saleNum:'saleNum',
					platform:'platform'
				}
			}
		},
		onLoad(){
			this.findAll();
		},
		methods:{
			findAll(){
				console.log("1111111"),
				this.$request({
					url: 'entry/ruzhi/findAll',
					data: {
					},
					method: 'GET',
					success: (res) => {
						console.log(res.data)
						this.data = res.data
					}
				})
			},
			test(){
				console.log('this ia test')
			},
			//点击跳转
			toShow(jId){
				uni.navigateTo({
					url:'./tianjiaruzhi?jId='+jId
				})
				
			}
		}
	}
</script>
<style lang="scss" scoped>
	.goods {
		background-color: #fff;
		padding: 30rpx;
		padding-bottom: 20rpx;
		display: flex;
		font-size: 28rpx;
	}

	
	.coupon{
		padding: 10rpx 30rpx;
		width: 25%;
		background-size: 100% 100%;
		color: #fff;
		font-size: 24rpx;
		font-weight: normal;
		margin-bottom: 10rpx;
	}
	.bottom-txt{
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		.price{
			color: red;
			font-size: 40rpx;
			font-weight: 600;
			text{
				font-size: 24rpx;
			}
		}
		.del-price{
			color: #666;
			font-weight: 600;
			font-size: 24rpx;
			text-decoration: line-through;
			margin-left: 4px;
		}
		.sale-num{
			color: #888;
			font-size: 24rpx;
			font-weight: normal;
			margin-bottom: 2px;
		}
	}
	.flex {
		display: flex;
	}

	.txt-line2{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
</style>
